<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<meta name="viewport"
  content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css"
  href="../bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css"
  href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css" />

<link rel="stylesheet" href="../css/index.css">
</head>
<body>
  <div id="hd">
    <div id="hd_1">
      <img src="../images/p1.png" height="70px" class="img-circle">
      <h1>LMG超市</h1>
      <input id="hd_i" type="text" placeholder="搜索">
      <input type="button" value="搜索">
       <span
        id="hd_s"><a class="hd_a" href="login.html">登录</a><a class="hd_a"
        href="register.html">注册</a></span>
    </div>
  </div>

  <div id="by1">
    <ul class="nav nav-pills">
      <li role="presentation" class="active"><a href="#">首页</a></li>
      <li role="presentation"><a href="class.html">商品分类</a></li>
      <li role="presentation"><a href="shop.html">购物车</a></li>
      <li role="presentation"><a href="order.html">我的订单</a></li>
    </ul>
  </div>
  <div id="by2">
    <div class="row" id="by2_1">
      <div class="col-md-3 col-xs-3 col-sm-3 by2_1_1">
        <ul class="nav nav-pills nav-stacked">
          <li role="presentation" class="by2_li" value="0"><a
            href="#">方便零食</a></li>
          <li role="presentation" class="by2_li" value="1"><a
            href="#">奶蛋制品</a></li>
          <!-- 轮播图片 1-3 -->
          <li role="presentation" class="by2_li" value="2"><a
            href="#">饮料酒水</a></li>
          <!-- 轮播图片 4-6 -->
          <li role="presentation" class="by2_li" value="3"><a
            href="#">生活用品</a></li>
          <!-- 轮播图片 7-9 -->
          <li role="presentation" class="by2_li" value="4"><a
            href="#">咖啡冲饮</a></li>
          <!-- 轮播图片 10-12 -->
          <li role="presentation" class="by2_li" value="5"><a
            href="#">日用百货</a></li>
          <!-- 轮播图片 13-15 -->
          <li role="presentation" class="by2_li" value="6"><a
            href="#">新鲜水果</a></li>
          <!-- 轮播图片 16-18 -->
          <li role="presentation" class="by2_li" value="7"><a
            href="#">其他</a></li>
          <!-- 轮播图片 19-21 -->
        </ul>
      </div>
      <div class="col-md-9 col-xs-9 col-sm-9 by2_1_1" id="by2_img">
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl0">
          <button type="button" class="btn btn-default btn-info">方便零食1</button>
          <button type="button" class="btn btn-default btn-info">方便零食2</button>
          <button type="button" class="btn btn-default btn-info">方便零食3</button>
          <button type="button" class="btn btn-default btn-info">方便零食4</button>
          <button type="button" class="btn btn-default btn-info">方便零食5</button>
          <button type="button" class="btn btn-default btn-info">方便零食6</button>
          <button type="button" class="btn btn-default btn-info">方便零食7</button>
          <button type="button" class="btn btn-default btn-info">方便零食8</button>
          <button type="button" class="btn btn-default btn-info">方便零食9</button>
          <button type="button" class="btn btn-default btn-info">方便零食10</button>
          <button type="button" class="btn btn-default btn-info">方便零食11</button>
          <button type="button" class="btn btn-default btn-info">方便零食12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl1">
          <button type="button" class="btn btn-default btn-info">奶蛋制品1</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品2</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品3</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品4</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品5</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品6</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品7</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品8</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品9</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品10</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品11</button>
          <button type="button" class="btn btn-default btn-info">奶蛋制品12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl2">
          <button type="button" class="btn btn-default btn-info">饮料酒水1</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水2</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水3</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水4</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水5</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水6</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水7</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水8</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水9</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水10</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水11</button>
          <button type="button" class="btn btn-default btn-info">饮料酒水12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl3">
          <button type="button" class="btn btn-default btn-info">生活用品1</button>
          <button type="button" class="btn btn-default btn-info">生活用品2</button>
          <button type="button" class="btn btn-default btn-info">生活用品3</button>
          <button type="button" class="btn btn-default btn-info">生活用品4</button>
          <button type="button" class="btn btn-default btn-info">生活用品5</button>
          <button type="button" class="btn btn-default btn-info">生活用品6</button>
          <button type="button" class="btn btn-default btn-info">生活用品7</button>
          <button type="button" class="btn btn-default btn-info">生活用品8</button>
          <button type="button" class="btn btn-default btn-info">生活用品9</button>
          <button type="button" class="btn btn-default btn-info">生活用品10</button>
          <button type="button" class="btn btn-default btn-info">生活用品11</button>
          <button type="button" class="btn btn-default btn-info">生活用品12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl4">
          <button type="button" class="btn btn-default btn-info">咖啡冲饮1</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮2</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮3</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮4</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮5</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮6</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮7</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮8</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮9</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮10</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮11</button>
          <button type="button" class="btn btn-default btn-info">咖啡冲饮12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl5">
          <button type="button" class="btn btn-default btn-info">日用百货1</button>
          <button type="button" class="btn btn-default btn-info">日用百货2</button>
          <button type="button" class="btn btn-default btn-info">日用百货3</button>
          <button type="button" class="btn btn-default btn-info">日用百货4</button>
          <button type="button" class="btn btn-default btn-info">日用百货5</button>
          <button type="button" class="btn btn-default btn-info">日用百货6</button>
          <button type="button" class="btn btn-default btn-info">日用百货7</button>
          <button type="button" class="btn btn-default btn-info">日用百货8</button>
          <button type="button" class="btn btn-default btn-info">日用百货9</button>
          <button type="button" class="btn btn-default btn-info">日用百货10</button>
          <button type="button" class="btn btn-default btn-info">日用百货11</button>
          <button type="button" class="btn btn-default btn-info">日用百货12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl6">
          <button type="button" class="btn btn-default btn-info">新鲜水果1</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果2</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果3</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果4</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果5</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果6</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果7</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果8</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果9</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果10</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果11</button>
          <button type="button" class="btn btn-default btn-info">新鲜水果12</button>
        </div>
        <div class="xuanfu btn-group-vertical" role="group"
          aria-label="..." id="fl7">
          <button type="button" class="btn btn-default btn-info">其他1</button>
          <button type="button" class="btn btn-default btn-info">其他2</button>
          <button type="button" class="btn btn-default btn-info">其他3</button>
          <button type="button" class="btn btn-default btn-info">其他4</button>
          <button type="button" class="btn btn-default btn-info">其他5</button>
          <button type="button" class="btn btn-default btn-info">其他6</button>
          <button type="button" class="btn btn-default btn-info">其他7</button>
          <button type="button" class="btn btn-default btn-info">其他8</button>
          <button type="button" class="btn btn-default btn-info">其他9</button>
          <button type="button" class="btn btn-default btn-info">其他10</button>
          <button type="button" class="btn btn-default btn-info">其他11</button>
          <button type="button" class="btn btn-default btn-info">其他12</button>
        </div>
        <div id="carousel-example-generic" class="carousel slide"
          data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic"
              data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic"
              data-slide-to="1"></li>
            <li data-target="#carousel-example-generic"
              data-slide-to="2"></li>
          </ol>

          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">

            <div class="item active">
              <img src="../images/latiao.jpg" alt="...">
              <div class="carousel-caption"></div>
            </div>
            <div class="item">
              <img src="../images/kafei.jpg" alt="...">
              <div class="carousel-caption"></div>
            </div>
            <div class="item">
              <img src="../images/shuiguo.jpg" alt="...">
              <div class="carousel-caption"></div>
            </div>
          </div>

          <!-- Controls -->
          <a class="left carousel-control"
            href="#carousel-example-generic" role="button"
            data-slide="prev"> <span
            class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a> <a class="right carousel-control"
            href="#carousel-example-generic" role="button"
            data-slide="next"> <span
            class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div id="by3">
    <div class="panel panel-info">
      <div class="panel-body" id="by3_hd">
        <h3>新品上架</h3>
        <a class="by_body_a" href="">查看更多</a>
      </div>
      <div class="panel-footer" id="by3_body">
        <div class="row">
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="by4">
    <div class="panel panel-info">
      <div class="panel-body">
        <h3>热销商品</h3>
        <a class="by_body_a" href="">查看更多</a>
      </div>
      <div class="panel-footer">
        <div class="row">
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
          <div class="col-md-3 col-xs-3 col-sm-3">
            <div class="thumbnail">
              <img src="../images/latiao.jpg" alt="...">
              <div class="caption">
                <h4>商品名称</h4>
                <p>商品介绍</p>
                <p>
                  <a href="#" class="btn btn-primary" role="button">查看详情</a>
                  <a href="#" class="btn btn-default" role="button">加入购物车</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="hd">
    <div id="hd_1"></div>
  </div>
</body>
<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript"
  src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
</html>